Whizz

• by: FoxThemes

Install Wizard

Navigate to  Appearance > Import Demo Data. Read welcome message and click “Let`s go!”:

Default Plugins. Click "Continue" to install default plugins:

Default Content. By clicking “Continue” setup wizard will import all demo data – pages, posts, portfolios and media files. Please note that import process will take time needed to download all attachments:

Theme customization. Here you can read information about widgets and child theme. Click “Continue”:

Finally, go to Kaswara > Shortcode manager and click on Contact Form Designer ( in order to disable the contact form design provided by Kaswara plugin, as all contact forms have been uploaded during demo data importation):

There is the last step – setting menu. Go  Appearance ⇒ Menus. All you need is to mark “Primary menu” as Top navigation and Save changes:

 Notice: All images in Whizz theme can be used only on demo version. You will need to upload your own images for your site.

Now theme is installed and looks the same as on demo.

After installation and activation it is time to set up your website. First thing you will notice is the ‘Theme Options’. This section contains all of the custom Whizz Theme options (see image bellow). The default options set in the panel are similar to those in the ThemeForest preview. 

Notice: Before leaving the ‘Theme Options’ tab make sure to click the ‘Save changes’ button at the top of the panel, otherwise your changes will be lost.

General

• Enable scroll top button - click on to add top button
• Show sidebar on pages - click on to add sidebar
• Protected title - add title for protected page 
• Enable lazy load - click on to add lazy load option on pages
• Enable Coming Soon - click on to anable coming soon 
• Enable Copyright - copyright text can be changed here
• Disable preloader - enable/disable preloader on pages
• Type of preloader - select preloader type: text with animation background or image
• Text for preloader - the preloader text (will be displayed while page is uploaded)
• Background animation images for preloader - add images
• Add instagram photos to pages (not for posts detail page and blog page)? - select "on"  to enable the option 

Header

• Fixed menu on scroll - click on to enable fixed menu when scrolling
• Menu style - choose menu type. It can take one of the following values: classic, modern, aside
• Type of site logo - select image or text logotype
• Site logo - upload any media using the WordPress Native Uploader.
• Image logo style -  select the style for image style. It can take one of the following values: default, custom
• Header social links - add social links
• Hide default underline - to remove default underline click on the option
• Color Default Underline Menu Item (Wave) - select color for Underline Menu Item (Wave)

Typography

In this section typography of menu items, heading, buttons as well as links on all pages can be changed:

   Social

• Instagram username -  add username of Instagram account
• Instagram count images -  add number of images. Minimum 21. You can see 20 photos in two rows, other photos will be replaced
• Instagram access token - add  Instagram access token credentials 
• Twitter API Key (require) - add API key
• Twitter API Secret (require) - add API
• Twitter Access Token (require) - add Twitter access token credentials
• Twitter Access Token Secret (require)- add Twitter access token credentials

Theme Color 

• Menu Font Color - select color for menu fonts 
• Menu Background Color - select menu background color
• First Front Color - change text color banner, text color images, color buttons
• Second Front Color - change text color banner, text color images, color buttons

• Base color - change color text all pages, color buttons

Blog

• Blog style - select the type for blog: modern, grid with image background, grid with letter background
• Show posts from not all categories?- click on to enable this option
• Show posts from categories - select categories from the list
• Transparent header for single post - click on to enable the option
• Add instagram photos to blog page - click on to enable the option
• Add instagram photos to blog detail page? - click on to enable the option
• Social sharing in post - add social sharing options in posts
• Tags in posts -  add tags in posts with this option
• Categories in posts - add categories in posts with this option
• Author in post details page - enable author  in post
• Default post preview image - upload image for post preview

Portfolio 

• Default portfolio image - upload portfolio image
• Social sharing in portfolio (for all posts) - enable social sharing option on portfolio 
• Navigation in portfolio (for all posts) - enable navigation option on portfolio 
• Portfolio protected text - add title for portfolio protected page
• Portfolio Url Slug - add URL slug. Please update permalinks after this.
• Portfolio Url Category Slug -  add URL category slug. Please update permalinks after this.

Clients

• Select count of columns for clients albums page - select number of columns. It can take one of the following values: two, three, four
• Select hover for clients albums page - choose hover type: side, default, zoom out, rotate, blur, gray scale, etc., 

Events

• Text for cancelled events - add title for cancelled events
• Subtitle for Protected events - add subtitle for protected events
• Navigation in events (for all posts) - click on to add navigation

Ecommerce

• Products per row - select  a number of columns on shop page: two, three, four columns

Footer 

• Enable footer copyright - click on to add copyright text
• Enable Footer widgets - click on to add widgets
• Enable Light Footer - click on to add light footer
• Enable Parallax Footer - click on to enable parallax effect

Custom CSS and JavaScript

This section was specially created for you to easy customize your site by adding custom CSS and JavaScript code:

404 page

These options can be used to change the main text in 404 page:

• Change logo for 404 page - click on to add logo for this page
• Error title - the error page title. 
• Error button text - the text on button, which usually redirects to the actual working page 
• 404 page background - here you can upload background image 
• Change footer on 404 page - click on to change copyright text, widgets

Backup

Here you can export backup of your theme than to import it back if needed:

The theme comes with a number of shortcodes allowing you to add the info where you want the relevant content to show up. In addition, you can use Visual Composer to add new elements to the page in a simple way. More information on how to use Visual Composer properly can be found here:

• FAQ
• Video tutorials

Below is a list of the shortcodes included into the theme:

Custom text block shortcode:

Parameters:

• Style - the custom text block style. It can take one of the following values: style 1, style 2, style 3, style 4 
• Element position - the block`s alignment ( right, left, center, default)
• Heading for title - select heading style 
• Title 1 - the custom text first title 
• Title 2 - the custom text second title 
• Subtitle - the custom text subtitle. it should be placed before title
• Text - short description text
• Button text - the button`s title
• Button URL - the URL where the link from the button leads to

Info block shortcode

Parameters:

• Image - upload image 
• Text - add text in this field

Contacts shortcode 

Parameters:

• Style - the contact type. It can take the following values: style 1, style 2, style 3, style 4
• Text - a short text description should be added
• Address - add your address
• Email - add your email
• Phone - add your phone

Image banner shortcode

Parameters:

• Style Banner - the banner type. It can take one of the following values: default, center content, right/left content
• Full height - click yes to enable full height
• Top align text - click yes to enable top align text
• Heading - select the heading style
• Title - the banner title 
• Subtitle - the banner subtitle

Custom text block shortcode

Parameters:

• Style - the custom text style. It can take one of the following values: style, 1 style 2, style 3, style 4
• Element position - the block alignment: default, left, center, right
• Heading for title- the title heading style (from H1 to H6)
• Title - the custom text block title
• Title 2 -  the custom text block title (second)
• Subtitle - the custom text block subtitle 
• Text - a short text description
• Button text - add title for button
• Button URL - the URL where the link from the button leads to.

Services shortcode

Parameters:

• Style - It can take one of the following values: default, classic, simple
• Title - the title services block
• Image - upload image  
• Editor type - the editor type. It can take one of the following values: simple text, editor
• Text - a short text description
• Title color - select color for title
• Description color -  select color for Text field 

Team shortcode

General:

• Type Gallery - the team type. It can take one of the following values: default, modern, classic, full height
• Name - The team member's name.
• Position - the team member`s position
• Photo - upload image

Social URL section:

• Twitter - enter twitter social link url.
• Facebook - enter facebook social link url.
• Google + -  enter social link url.
• Dribbble - enter Dribbble social link url.

Line of images shortcode

Parameters:

• Style - the Line of images style. It can take one of the following values: logos with link (style 1), logos with link (style 2), only images

Values: 

• Image - upload image
• URL - add URL for images.

Testimonials shortcode

Parent shortcode parameters:

• Background image -  upload background image 
• Autoplay (sec) -  allows autostart playback (in seconds). 0 - off autoplay.
• Speed - speed animation. Default 1000 milliseconds
• Loop - click yes to enable loop
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Child shortcode parameters:

• Image - upload image 
• Content - a short description feedback
• Author`s name - add name

Skills shortcode

Parameters:

• Main title - the Skills block title

Values:

• Title - add title for each value
• Numbers - add numbers

• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Portfolio slider shortcode

Parameters:

• Style - the portfolio slider style. 
• Image original size - the image size:
• Select categories - choose categories
• Sort order - Select how to sort retrieved posts.
• Autoplay -  allows autostart playback (in seconds). 0 - off autoplay.
• Speed - speed animation. Default 1000 milliseconds
• Loop - - click yes to enable loop effect
• Count items - a number of displayed items
• Linked to detail page -  if select yes, the link will lead to detail page 

Portfolio list shortcode

Parameters:

• Style - the portfolio list style
• Image original size - the image size. Select from the list an appropriate value
• Select categories -  choose categories
• Order by -  select how to sort posts.
• Sort order - select ascending or descending order
• Select amount of columns - choose number of columns on the block: four, three, two
• Select hover for items - the type of items hover. select from the list 
• Reverse hover - click yes to enable reverse hover
• Add category filter - click yes to add category filter
• Count items - number of posts on page
• Enable Button "Load more"- click yes to add the button
• Linked to detail page - if select yes, the link will lead to detail page 

Post list shortcode

Parameters:

• Style - the post list type. It can take one of the following values: Simple, Grid, Masonry and Big gap
• Post types -  the post type: posts, pages, portfolio,product, ...
• Enable pagination - click yes to add pagination
• Count posts - a number of posts displayed on page
• Order by - select how to sort posts
• Sort order - select ascending or descending order
• Select categories - choose categories from the list

Instagram shortcode

Parameters:

• Username - add your username 
• Count images - number of images displayed on page
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Coming soon shortcode

Parameters:

• Title - the coming soon block title 
• Subtitle -  the coming soon block subtitle 
• Date - date of coming event
• Image - upload the background image
• URL Button -  the URL where the link from the button leads to
• Label button - button`s title

Desktop/Mobile section:

• Days/Hours/Minutes/Seconds - add how this data should be displayed on mobile/desktop

Full modern slider shortcode

Parameters:

• Image for banner - upload image for banner
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Sofia Gallery shortcode

Parameters: 

• Type gallery - the gallery type
• Height row - the row height
• Hide image title on hover - click yes to hide image title on hover
• Hide hover on images - click yes to hide hover on images
• Image original size - select image size
• Images - upload images

Gallery with left filter shortcode

Parameters:

• Select albums - select albums from the list
• Style for gallery - the gallery type. It can take one of the following values: 3 columns, 4 columns
• Enable sort images by random - click yes to enable the random sorting option 

Portfolio with animation shortcode

Parameters:

• Image for original size - the image size. It can take one of the following values: full, thumbnail, medium, large, shop-catalog, etc.
• Select categories - choose categories from the list
• Order by - select how to sort posts
• Sort order - select ascending or descending order
• Count items - add number of posts which should display on page
• Linked to detail page - choose yes to enable linked to detailed page 

Exhibition portfolio shortcode

Parameters:

• Image original size - the image size. It can take one of the following values: full, thumbnail, medium, large, shop-catalog, etc.
• Select categories - choose categories from the list
• Order by - select how to sort posts
• Sort order - select ascending or descending order
• Linked to detail page - choose yes to enable linked to detailed page 

Home full screen vimeo shortcode

Parameters:

• Video type - select the video type. It can take one of the following values: Vimeo, Youtube
• Vimeo Video ID - add Vimeo video ID
• Autoplay video  -  click yes to enable autoplay video option

Video banner shortcode

Parameters:

• Preview image - upload image for preview 
• Video link - insert your video link
• Autoplay -  click yes to enable autoplay option
• Mute sound - click yes to enable mute option
• Show info  - click yes to enable more info
• Video begins from  - add time ( in sec)
• Video ends at - add time ( in sec)
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Twitter Posts shortcode

Parameters:

• Style - the twitter style. It can take one of the following values: one post, slider
• Twitter user - add twitter user name 
• Select icon - upload icon
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets

Kenburns slider shortcode

Parameters:

• Images for banner - upload images for banner
• Style slider - the slider type. It can take one of the following values: zoom effect, fade effect
• Sound background -  upload sound  
• Sound autoplay - click yes to enable autoplay sound option
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets

Clients shortcode

Parameters:

• Select clients - choose clients from the list
• Image original size - select image size: full,  thumbnails, medium, medium-large, etc
• Select count of columns - number of columns on page: two, three, four

Whizz splited slider

Parameters:

• Images - add images
• Loop -click yes to enable loop on the page
• Height - select the height type
• Keyboard - click on to add keyboard
• Controls - click on to add controls option

Pricing shortcode

Parameters:

• Image - upload image 
• Background color - add the color for background
• Color Mask - select an appropriate color 
• Title/subtitle - the pricing title/subtitle 
• Button link - the URL where the link from the button leads to
• Button text - the button title 
• Content - a short pricing block description

Full screen slider shortcode

Parameters:

• Type - select the slider type.
• Images for banner - add image
• Sound background - add the sound if necessary
• Sound autoplay - click on to enable autoplay option

Pricing gallery shortcode

Parameters:

• Images - upload images 
• Title/subtitle - the pricing title/subtitle
• Currency - add currency symbol
• Price - add price
• Description -  a short block description

Video shortcode

Parameters:

• Preview image - image which will be displayed before video starts
• Title - the video block title
• Start play - select either click or hover option
• Video services - the video type: YouTube, Vimeo, other
• Video link - the video link
• Controls - click on to enable controls option
• Mute sound - click on to enable sound option
• Show info - click on to add additional info
• Video begins from - fill in the  seconds from which the video starts to play
• Video ends at - fill in the seconds at which the video starts to play
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.

Simple full screen video shortcode

Parameters:

• Video type - select the video type. It can take one of the following values: YouTube, Vimeo
• Video link - insert your video link
• Autoplay video - click on to enable video autoplay

Banner simple slider

Parameters:

• Images - upload images
• Extra class name - class name for element. Allows to set up additional decorations for element in CSS stylesheets.